<!-- 商品详情 -->
<template>
	<view class="wrap">
	    <view class="centent" v-if="viewShow">
	        <!-- address -->
	        <view class="centent-box adderss">
	
	            <view class="confirm-address">
	                <view>
	                  <view class="confirm-address-tit">{{item.tit}} {{item.phone}}</view>
	                  <view class="confirm-address-text">{{item.province}}{{item.city}}{{item.district}}{{item.address}}</view>
	                </view>
	            </view>
	
	            <view class="site_border_img">
	              <image class="site_border_img_img" mode="scaleToFill" :src="$IMAGE_URL + '/confirm_site_border.png'" />
	            </view>
	
	        </view>
	
	        <!-- detail -->
	        <!-- <view class="centent-box detail" onTap="navigateTo" data-url="{{url.detail}}" data-param="{{item.params.id}}">
	            <view class="detail-img">
	                <image style="width:100%;height:100%;" mode="scaleToFill" src="{{item.params.image}}" />
	            </view>
	            <view class="detail-info">
	                <view class="detail-info-title">
	                    <text number-of-lines="1" a:if="{{!item.replenish}}">{{item.params.title}}</text>
	                    <text number-of-lines="1" a:else>{{item.replenishcont}}</text>
	                </view>
	                <view class="detail-info-combo" a:if="{{!item.replenish}}">
	                    <text>已选：{{item.params.detail}}</text>
	                </view>
	                <view class="detail-info-trem" >
	                    <text>数量：x1</text>
	                    <text a:if="{{!item.replenish}}">租期：{{item.leaseTerm}}期/月</text>
	                </view>
	            </view>
	        </view> -->
	
	
	
	        <view class="centent-box detail" onTap="navigateTo" >
	
	          <view class="detail_goods">
	            <view class="detail-img">
	                <image mode="aspectFit" style="width:100%;height:100%;" :src="item.params.image"/>
	            </view>
	            <view class="detail-info">
	                <view class="detail-info-title">
	                    <text number-of-lines="2" v-if="!item.replenish">{{item.params.title}}</text>
	                    <text number-of-lines="2" v-else>{{item.replenishcont}}</text>
	                </view>
	                <view class="detail-info-line">
	                    <text class="detail-info-text">套餐：{{item.params.detail}}</text>
	                </view>
	              
					<view class="detail-info-trem detail-info-line">
					    <text class="detail-info-text " style="width:50%;">数量：{{item.params.saleQuantity}}</text>
					</view>
	            </view>
	          </view>
	
	        </view>
	
	
	
	
	        <!-- 补订单 -->
	
	        <view class="centent-box rent" v-if="item.replenish">
	            <view class="rent-box rent-frist">
	                <text class="rent-frist-tit">实付金额</text>
	                <text class="rent-frist-num">￥{{item.puyAmount.toFixed(2)}}</text>
	            </view>
	            
	            <view class="rent-box">
	                <text>金额</text>
	                <text style="color: #E62D1F;">￥{{(item.params.smash/100).toFixed(2)}}</text>
	            </view>
	        </view>
	        
	
	        <!-- rent -->
	        <view class="centent-box rent">
	            <view class="rent-box rent-frist">
	                <text class="rent-frist-tit">金额</text>
	                <text class="rent-frist-num">￥{{item.allRent.toFixed(2)}}</text>
	            </view>
	          
	           
	        </view>
	
	
	       
	
	        <!-- other -->
	        <view class="centent-box other">
	            <view class="rent-box">
	                <text>订单编号</text>
	                <text>{{item.ordercode}}</text>
	            </view>
	            <view class="rent-box">
	                <text>创建时间</text>
	                <text>{{item.date}}</text>
	            </view>
	        </view>
	
	        <!-- remark -->
	        <view class="centent-box remark">
	            <text>下单备注：</text>
	            <text>{{item.cont?item.cont:"无"}}</text>
	        </view>
	    </view>
	
	    <!-- foooter -->
	 <!--   <view class="{{systemSta == 1 ? 'foooter' : 'foooteriOS'}}">
	        <scroll-view class="btns" scroll-x="{{true}}" style="width: 730rpx;">
	
	            <button class="btn"  size="mini" a:if="{{item.mylContractSignUrl && item.status < 9}}"
	            onTap="goExteriorPage" data-data="{{item.mylContractSignUrl}}">代扣合同</button>
	
	            <button class="btn"  size="mini"a:if="{{item.paymentParams == null && item.replenish != 1 && item.status < 3}}"
	            onTap="onBuy" data-data="{{item}}">申请免押</button>
	
	            <button class="btn"  size="mini" a:if="{{item.human == 0  && item.replenish != 1}}"
	            onTap="navigateTo" data-url="/pages/order/renzheng/renzheng?id={{item.id}}">人脸审核</button>
	
	            <button class="btn"  size="mini" a:if="{{item.productOrderRecordVoList[0].payment == 0 && item.replenish == 1 && item.status==1}}"
	            onTap="onReplenish" data-data="{{item}}">支付金额</button>
	
	            <button class="btn"  size="mini" a:if="{{item.productOrderRecordVoList.length > 0 && (item.status<8 || item.status==13)  && item.contractDeductSignStatus == 2 }}"
	            onTap="navigateTo" data-url="{{url.bill}}" data-param="{{item.id}}">账单详情</button>
	
	            <button class="btn"  size="mini" a:if="{{item.status == 4}}"
	            onTap="navigateTo" data-url="{{url.express}}" data-param="{{item}}">查看物流</button>
	
	            <button class="btn"  size="mini" a:if="{{item.status == 4}}"
	            onTap="ConfirmReceipt" data-id="{{item.id}}">确认收货</button>
	
	            <button class="btn"  size="mini" a:if="{{item.status == 5}}"
	            onTap="navigateTo" data-url="{{url.orderBack}}" data-param="{{item}}">归还物品</button>
	
	            <button class="btn"  size="mini" a:if="{{(item.status == 1 || item.status == 2) && item.replenish != 1}}"
	            onTap="onCancel" data-item="{{item}}">申请取消</button>
	
	            <button class="btn"  size="mini" a:if="{{item.status == 14}}"
	            onTap="noCancel" data-item="{{item}}">撤销申请</button>
	            
	            
	            <button class="btn"  size="mini"
	            onTap="makePhoneCall" data-phone="{{item.shopsVo.customerPhone?item.shopsVo.customerPhone:'55555555'}}">联系商家</button>
	
	            <button class="btn"  size="mini" 
	            onTap="navigateTo" data-url="{{url.agreement}}" data-param="{{item}}">租赁协议</button>
	
	            
	                 
	        </scroll-view>
	    </view> -->
	
	
	    <!--  申请取消弹窗 -->
	   <!-- <view class="pop" v-if="popShow">
	      <view class="popCon">
	        <view>
	          <view class="popCon_tit">请选择取消原因</view>
	          <radio-group class="popRadios" onChange="radioChange" name="lib">
	            <label class="radio_min" v-for="{{items}}" key="label-{{index}}">
	              <radio value="{{item.name}}" checked="{{item.checked}}" disabled="{{item.disabled}}" />
	              <text class="radiomin_text">{{item.value}}</text>
	            </label>
	          </radio-group>
	
	          <view class="pop_btn">
	            <view class="pop_btnMin pop_btnN" onTap="popCancelBtn">取消</view>
	            <view class="pop_btnMin pop_btnY" onTap="popAffirmBtn">确定</view>
	          </view>
	        </view>
	      </view>
	    </view> -->
	
	
	</view>
</template>

<script>
import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
export default {
	data() {
		return {
			item:{} ,
			items: [
				{ name: '计划有变', value: '计划有变', checked: true },
				{ name: '预收租金/补押金', value: '预收租金/补押金' },
				{ name: '运费问题', value: '运费问题' },
				{ name: '审核时间过长', value: '审核时间过长' },
				{ name: '商家没货/服务态度问题', value: '商家没货/服务态度问题' },
			],
			popShow: false,
			causeCon: '计划有变',
			cancelId: '',
			cancelStatus: '',
			pageData:{},
			systemSta: 1,
			oid:'',
			viewShow:false,
		};
	},
	// 是否登录
	computed: {
		...mapGetters(['isLogin', 'authType']),
		navbarHeight() {
			// #ifdef APP-PLUS || H5
			return 48;
			// #endif
			// #ifdef MP
			let height = systemInfo.platform == 'ios' ? 44 : 48;
			return height;
			// #endif
		}
	},
	onLoad(query) {
		this.oid = query.id
		this.getSystem();
		// app._init_(this)
		// this.setData({ query })
		this.get_msg()
	   },

	methods: {
	    // 获取信息
	    get_msg() {
			let that = this
			that.$http('order.detail', {
				id: this.oid,
			}, '加载中...').then(res => {
				if(res.code != 200){
					that.$u.toast(res.msg);
					that.viewShow = true;
					return;
				}
				res.data.params = JSON.parse(res.data.params);
				res.data.paymentParams = JSON.parse(res.data.paymentParams);
				// 期数
				res.data.leaseTerm = parseInt(res.data.leaseTerm) ;
				// 首期租金
				console.log("price->{}", res.data.params.model.price)
				let yu = res.data.params.model.price % res.data.leaseTerm;
				let meiqiPrice = (res.data.params.model.price - yu) / res.data.leaseTerm
				// res.data.firstRent = (res.data.params.model.price / res.data.leaseTerm / 100).toFixed(2)
				res.data.firstRent = (yu + meiqiPrice) /  100;
				// if (res.data.leaseTerm == 30 || res.data.leaseTerm  == 14 || res.data.leaseTerm  == 24) {
				// 	res.data.firstRent = ((res.data.params.smash) / 100).toFixed(2);
				// }
					
					
				// 活动显示价格
				let activePrice = (res.data.params.model.price - 1) / (res.data.leaseTerm-1);
				// 活动剩余租金
				res.data.activeLastRent = (activePrice / 100).toFixed(2);
					
					
				// 总租金
				res.data.allRent = res.data.params.model.price / 100;//app.fenToYuan(res.data.params.allRent);
				// 总押金
				res.data.allDeposit = res.data.params.deposit / 100;//app.fenToYuan(res.data.params.allDeposit);
				// 完结价
				res.data.buyoutPrice = res.data.params.buyOutPrice
				console.log('完结加',res.data.buyoutPrice)
					
				// 套餐状态
				res.data.staShow = res.data.params.detail.substring(0,4);
					
				res.data.date = that.upTime("%Y-%M-%D %h:%m:%s", res.data.createtime);
				res.data.createtime = that.upTime("%Y-%M-%D", res.data.createtime);
				res.data.starttime = that.upTime("%Y-%M-%D", res.data.starttime)||'';
				res.data.endtime = that.upTime("%Y-%M-%D", res.data.endtime)||'';
				
				
					
				console.log(11111111,res.data)
					
				let puyAmount = 0
				res.data.productOrderRecordVoList.forEach(item => {
				     item.createtime = item.createtime?that.upTime("%Y-%M-%D", item.createtime):'';
				    item.expiretime = item.expiretime?that.upTime("%Y-%M-%D", item.expiretime):'';
				    item.duetime = item.duetime?that.upTime("%Y-%M-%D", item.duetime):'';
				    if (item.payment == 1) {
				        puyAmount += item.price / 100
				    }
				})
				res.data.puyAmount = puyAmount
				let item = res.data
				console.log(item)
				// this.setData(res.data);
				this.item = item
				this.viewShow = true;
				console.log(222222,this.data)
			});
	    },
	    //   联系商家
	    makePhoneCall(e) {
	        // console.log(e.target.dataset.phone)
	        let phone = e.target.dataset.phone;
	        // my.makePhoneCall({ number: phone });
	    },
	
		upTime(format,time) {
			if(!time) {
				return ''
			}
			// let format = "%Y-%M-%D %h:%m:%s"
			format = format ? format: "%Y-%M-%D"
			time = time.toString().length == 10 ? time*1000:time
			let dataTime = new Date(time)
			let year = dataTime.getFullYear()
			let month = (dataTime.getMonth() + 1).toString().padStart(2, 0)
			let day = dataTime.getDate().toString().padStart(2, 0)
			let Hours = dataTime.getHours().toString().padStart(2, 0)
			let Minutes = dataTime.getMinutes().toString().padStart(2, 0)
			let Seconds = dataTime.getSeconds().toString().padStart(2, 0)
			format = format.replace(/(%Y|%M|%D|%h|%m|%s)/g, (n) => {
				return {
					'%Y': year, '%M': month, '%D': day, '%h': Hours, '%m': Minutes, '%s': Seconds,
				}[n]
			})
			return format
		},
	    // 取消原因选择
	    radioChange(e){
	      // let con = e.detail.value;
	      // this.setData({
	      //   causeCon: con
	      // })
	    },
	
	    // 关闭取消弹窗
	    popCancelBtn(){
	      // this.setData({
	      //   cancelId: '',
	      //   cancelStatus: '',
	      //   causeCon: '计划有变',
	      //   popShow: false
	      // })
	    },
	
	    // 确认取消
	    popAffirmBtn(){
	//       console.log(this.data.causeCon,this.data.cancelId,this.data.cancelStatus,'原因');
	
	//       if (this.data.cancelStatus == 1) {
	//           app.order.canOrder(this.data.cancelId,{cont: this.data.causeCon})
	//           .then((res)=>{
	//               my.alert({
	//                   title: "取消成功",
	//                   success: () => {
	//                       this.popCancelBtn();
	//                       this.onLoad(this.data.pageData);
	//                   }
	//               });
	//           })
	//       } else if (this.data.cancelStatus == 2) {
	//           app.order.requestCanOrder(this.data.cancelId,{cont: this.data.causeCon})
	//           .then((res)=>{
	//               console.log(res)
	//               my.alert({
	//                   title: "申请成功",
	//                   success: () => {
	//                       this.popCancelBtn();
	//                       this.resetOrder();
	//                   }
	//               });
	              
	//           })
	//       }
	    },
	
	
	
	    // 关闭订单, 申请取消
	    onCancel(e) {
	        // console.log(e.target.dataset.item)
	//         let id = e.target.dataset.item.id;
	//         let status = e.target.dataset.item.status;
	//         console.log(e,'滴滴');
	
	//         this.setData({
	//           cancelId: id,
	//           cancelStatus: status,
	//           popShow: true
	//         })
	
	        // my.prompt({
	        //     title: '申请取消',
	        //     message: '请输入取消原因，否则无法为你取消',
	        //     placeholder: '请输入取消原因',
	        //     okButtonText: '确定',
	        //     cancelButtonText: '取消',
	        //     success: (result) => {
	        //         console.log(result)
	        //         if (!result.ok) {
	        //             return
	        //         }
	        //         if (result.inputValue) {
	        //             if (status == 1) {
	        //                 app.order.canOrder(id,{cont: result.inputValue})
	        //                 .then((res)=>{
	        //                     my.alert({
	        //                         title: "取消成功",
	        //                         success: () => {
	        //                             this.resetOrder()
	        //                         }
	        //                     });
	        //                 })
	        //             } else if (status == 2) {
	        //                 app.order.canOrder(id,{cont: result.inputValue})
	        //                 .then((res)=>{
	        //                     console.log(res)
	        //                     my.alert({
	        //                         title: "申请成功",
	        //                         success: () => {
	        //                             this.resetOrder()
	        //                         }
	        //                     });
	                            
	        //                 })
	        //             }
	        //         } else {
	        //             my.showToast({
	        //                 type: 'exception',
	        //                 content: '请输入取消原因',
	        //             });
	        //         }
	        //     },
	        // });
	    },
	    // 撤销申请
	    noCancel(e){
	//         let cancelRequests = e.target.dataset.item.productOrderCancelRequests
	//         let id = cancelRequests[cancelRequests.length-1].id
	//         my.confirm({
	//             title: '温馨提示',
	//             content: '是否撤回订单取消申请',
	//             confirmButtonText: '立即撤回',
	//             cancelButtonText: '暂不撤回',
	//             success: (result) => {
	//                 if (result.confirm) {
	//                     app.order.repeal(id)
	//                     .then(red=>{
	//                         if(res.code==200) {
	//                             my.alert({
	//                                 title: "撤回成功",
	//                                 success: () => {
	//                                     this.resetOrder()
	//                                 }
	
	//                             });
	//                         }
	//                     })
	//                 }
	//             },
	//         });
	    },
	
	     // 冻结
	    onBuy(e) {
	        // let that = this
	        // const data = e.target.dataset.data;
	        // app.order.freeze(data.id)
	        // .then(pay=>{
	        //     my.tradePay({
	        //         orderStr: pay.data, // 完整的支付参数拼接成的字符串，从服务端获取
	        //         success: (res) => {
	        //             console.log(res)
	        //             if (res.resultCode == 9000) {
	        //                 my.alert({
	        //                     content: "支付成功",
	        //                 });
	        //                 this.resetOrder()
	        //             } 
	        //         },
	        //         fail: (res) => {
	        //             my.alert({
	        //                 content: res.memo,
	        //             });
	        //         }
	        //     });
	        // })
	    },
	    // 支付
	    onReplenish(e) {
	        // let that = this
	        // let oid = e.target.dataset.data.productOrderRecordVoList[0].oid
	        // let id = e.target.dataset.data.productOrderRecordVoList[0].id
	        // app.order.alipay(oid,id)
	        // .then(res=>{
	        //     my.tradePay({
	        //         tradeNO: res.data,
	        //         success: function (res) {
	        //             // console.log(res)
	        //             if (res.resultCode == 9000) {
	        //                 my.alert({
	        //                     content: "支付成功",
	        //                 });
	        //                 this.resetOrder()
	        //             } else {
	        //                 my.alert({
	        //                     content: res.memo,
	        //                 });
	        //             }
	        //         },
	                
	        //     });
	        // })
	    },
	     // 确认收货
	    ConfirmReceipt(e) {
	        // let id = e.target.dataset.id
	        // app.order.receiving(id)
	        // .then(res=>{
	        //     if (res.code == 200) {
	        //         my.alert({
	        //             content: "提交成功",
	        //             success: () => {
	        //                 this.resetOrder()
	        //             }
	        //         })
	        //     } else {
	        //         my.alert({
	        //             content: res.msg
	        //         })
	        //     }
	        // })
	    },
	
	    // 跳转
	    navigateTo(e){
	        app.navigateTo(e);
	    },
	
	    // alipays编码
	    getSignUrl(aliSchema) {
	        // if(!aliSchema){return  ''}
	        // const querys = aliSchema.split('?')[1].split('&');
	        // const signUrlKeyValue = querys.find((item) => item.includes('query=')).replace('query=', '');
	        // const encodedSignUrl = decodeURIComponent(signUrlKeyValue).replace('signUrl=', '');
	        // return encodedSignUrl
	    },
	
	    //代扣合同跳转长
	    goExteriorPage(e){
	
	//       my.requestSubscribeMessage({
	//         entityIds: ['1409d0ab343147a8bc17cdb1f6b2843d', '4ee18d5b94fa488591a948a617715734'],
	//         complete: (res) => {
	
	//           let mylContractSignUrl = e.target.dataset.data;
	//           let signUrl = this.getSignUrl(mylContractSignUrl);
	
	//           my.navigateToMiniProgram({
	//               appId: '2021001152620480',
	//               path:`pages/signH5/index?signUrl=${signUrl}`,
	//               success: (res) => {
	//                 console.log(JSON.stringify(res))
	//                 // my.alert({
	//                 //   title: JSON.stringify(res)
	//                 // });
	//               },
	//               fail: (res) => {
	//                 console.log(JSON.stringify(res));
	//                 my.alert({
	//                   title: JSON.stringify(res),
	//                 });
	//               }
	//           });
	
	//         }
	//       });
	      
	      
	
	    },
	
	
	    getSystem(){
	      // let systemInfo = my.getSystemInfoSync();
	      // let sta = 1;
	      // if(systemInfo.platform === "android"){
	      //   sta = 1;
	      // }else{
	      //   sta = 2;
	      // }
	      // this.setData({
	      //   systemSta: sta,
	      // })
	    },
	}
};
</script>

<style lang="scss">
page{
    background-color: #F1F1F1;
    
}
.wrap{
  width: 100vw;
  /* height: 100vh; */
  /* overflow: hidden; */
  position: relative;
}
.centent {
    padding: 24rpx 0 260rpx;
}
.centent-box {
    width: 702rpx;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8rpx;
    margin-bottom: 24rpx;
}
.centent-box:last-child{
    margin-bottom: 0rpx;
}

/* adderss */
.adderss {
    width: 702rpx;
    padding: 24rpx 24rpx 28rpx;
    box-sizing: border-box;
    color: #8C8C8C;
    position: relative;
}
.confirm-address {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.confirm-address-tit{
  font-size: 32rpx;
  color: #333;
  font-weight: bold;
  line-height: 44rpx;
}
.confirm-address-text{
  width: 616rpx;
  font-size: 28rpx;
  line-height: 40rpx;
  color: #999;
  margin-top: 8rpx;
}

.site_border_img{
  width: 100%;
  height: 4rpx;
  position: absolute;
  left: 0;
  bottom: 28rpx;
}
.site_border_img_img{
  width: 100%;
  height: 4rpx;
}





/* detail */
.detail {
  padding: 28rpx 0 0;
  box-sizing: border-box;
}
.detail_goods{
  width: 659rpx;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.detail-img {
    width: 156rpx;
    height: 156rpx;
}
.detail-info {
    width: 474rpx;
    height: 180rpx;
    box-sizing: border-box;
}

.detail-info-title {
    font-size: 28rpx;
    font-weight: 400;
    color: #121212;
    line-height: 40rpx;
}
.detail-info-text{
  font-size: 28rpx;
  color: #999999;
  line-height: 40rpx;
}
.detail-info-combo {
    display: inline-block;
    padding: 5rpx;
    font-size: 22rpx;
    border-radius: 10rpx;
    background-color: #E9E7E8;
    color: #666;
}
.detail-info-trem {
    display: flex;
    justify-content: space-between;
}
.detail-info-line{
  margin-top: 4rpx;
}

/* rent */
.rent {
    padding-bottom: 24rpx;
}
.rent-box {
  width: 654rpx;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 30rpx;
  color: #999999;
  line-height: 42rpx;
  margin-top: 24rpx;
}
.rent-frist {
  height: 92rpx;
  border-bottom:1rpx dashed #eee;
  margin-top: 0;
}
.rent-frist-tit{
  font-size: 32rpx;
  font-weight: bold;
  color: #333333;
  /* line-height: 44rpx; */
}
.rent-frist-num{
  font-size: 48rpx;
  font-weight: bold;
  color: #333333;
  /* line-height: 56rpx; */
  letter-spacing: -2rpx;
}

/* other */
.other {
    padding: 2rpx 0 24rpx;
}
.other view {
    color: #838383;
    display: flex;
    justify-content: space-between;
}


/* remark */
.remark {
    padding: 30rpx;
    box-sizing: border-box;
    color: #999;
    display: flex;
    align-items: center;
    font-size: 30rpx;
    line-height: 42rpx;
}

.remark input {
    height: 30rpx;
}



/* foooter */
.foooter {
    position: fixed;
    bottom: 0;
    width: 750rpx;
    padding: 20rpx;
    box-sizing: border-box;
    background-color: #fff;
}
.foooteriOS {
    position: fixed;
    bottom: 0;
    width: 750rpx;
    height: 160rpx;
    padding: 20rpx;
    box-sizing: border-box;
    background-color: #fff;
}
.btns {
    width: 730rpx;
    height: 80rpx;
    padding: 0 20rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.btns::-webkit-scrollbar {
    display: none
}
.btn {
    padding: 0 20rpx;
    flex-shrink:0;
    border-radius: 15rpx;
    margin-left: 20rpx;
    color: #333;
	background-color: #ffcb31;
}




/* 申请取消弹窗 */
.pop{
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 100;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 25vh;
}
.popCon{
  width: 70vw;
  height: 600rpx;
  background-color: #fff;
  border-radius: 20rpx;
  position: relative;
  animation: popC 0.1s linear;
}
@keyframes popC{
  0%{
    transform: scale(0.8);
  }
  100%{
    transform: scale(1);
  }
}
.popCon_tit{
  width: 100%;
  height: 80rpx;
  text-align: center;
  line-height: 80rpx;
  border-bottom: 1rpx solid #e7e6e6; 
  margin-bottom: 30rpx;
  font-weight: bold;
  letter-spacing: 2rpx;
}
.radio_min{
  width: 80%;
  margin: 0 auto;
  display: flex;
  margin-bottom: 20rpx;
  align-items: center;
}
.radiomin_text{
  margin-left: 10rpx;
  font-size: 28rpx;
  color: #696767;
}
.pop_btn{
  width: 100%;
  height: 100rpx;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  border-top: 1rpx solid #e7e6e6;
}
.pop_btnMin{
  width: 50%;
  line-height: 100rpx;
  text-align: center;
  font-size: 30rpx;
  font-weight: bold;
  letter-spacing: 4rpx;
}
.pop_btnN{
  color: rgb(240, 17, 17);
  border-right: 1rpx solid #e7e6e6;
}
.pop_btnY{
  /* color: rgb(51, 233, 111); */
}
</style>
